<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/选购.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
    <script src="https://unpkg.com/swiper@8/swiper-bundle.js"> </script>
    <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"> </script>
    <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js.map"> </script>
    <style>
    </style>
</head>
<body>
    <header>
        <div class="left">
            <a href="./电影院.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/back_icon.png" alt="">
            <p class="p1">电影院</p>
            </a>
            
        </div>
        <div class="right">
            <img src="http://8.218.112.99/ml/movies/images/icon/share_icon2.png" alt="">
            <img src="http://8.218.112.99/ml/movies/images/icon/more_icon.png" alt="">
        </div>
    </header>
    <nav>
        <section></section>
        <img src="http://8.218.112.99/ml/movies/images/icon/add_icon.png" alt="" class="i1">
        <h3>嘉年华国际影城</h3>
        <div class="d2">
            <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
            <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
            <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
            <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
            <img src="http://8.218.112.99/ml/movies/images/icon/star_icon.png" alt="">
            <p>评分：9.0</p>
        </div>
        <div>
            <p>改签</p>
            <p>WIFI</p>
            <p>停车场</p>
            <p>观影小食</p>
            <p>激光巨幕</p>
        </div>
        <p>
            南宁市青秀万达广场（甲2栋41楼）
        </p>
        <p>
            距离2km
        </p>
    </nav>
    <p class="dangerous">温馨提示：电影开场前15分钟关闭在线售票通道</p>
    <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="../码路电影网/imges/img/movie_1.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="http://8.218.112.99/ml/movies/images/source/movie_2.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="http://8.218.112.99/ml/movies/images/source/movie_3.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="http://8.218.112.99/ml/movies/images/source/movie_4.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="http://8.218.112.99/ml/movies/images/source/movie_5.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="http://8.218.112.99/ml/movies/images/source/movie_6.jpg" alt="">
          </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination">
    
        </div>
    </div>
    <script>
        var swiper = new Swiper('.swiper-container', {
          slidesPerView: 3,
          spaceBetween: 30,
          centeredSlides: true,
          loop: true,
          pagination: {
            el: '.swiper-pagination',
            clickable: true,
          },
        });
    </script>
    <div class="mofashi">
        <div>
            <p>哈利波特与魔法石</p>
            <p>9.0分</p>
        </div>
        <div>
            120分/科幻/导演：阿方索·卡隆
        </div>
    </div>
    <section>
        <ul>
            <li>今天03-27</li>
            <li>明天03-27</li>
            <li>后天03-27</li>
            <li>周六03-27</li>
            <li>周日03-27</li>
            <li>下周03-27</li>
        </ul>
    </section>
    <div class="huodong">
      <p>优惠活动</p>
      <p>办理会员卡充值享8折电影票价</p>
      <p>100元开充</p>
    </div>
    <ul class="u2">
      <li>
        <div>
          <p>15:20</p>
          <p class="p2">17:11离场</p>
        </div>
        <div>
          <p>国语2D</p>
          <p class="p2">千库激光一号厅</p>
        </div>
        <div>
          <p>30.9元</p>
          <p>会员卡特惠28元</p>
        </div>
        <a href="./选座.html">
          <button>
            买票选座
          </button>
        </a>
      </li>
      <li>
        <div>
          <p>15:20</p>
          <p class="p2">17:11离场</p>
        </div>
        <div>
          <p>国语2D</p>
          <p class="p2">千库激光一号厅</p>
        </div>
        <div>
          <p>30.9元</p>
          <p>会员卡特惠28元</p>
        </div>
        <a href="./选座.html">
          <button>
            买票选座
          </button>
        </a>
      </li>
      <li>
        <div>
          <p>15:20</p>
          <p class="p2">17:11离场</p>
        </div>
        <div>
          <p>国语2D</p>
          <p class="p2">千库激光一号厅</p>
        </div>
        <div>
          <p>30.9元</p>
          <p>会员卡特惠28元</p>
        </div>
        <a href="./选座.html">
          <button>
            买票选座
          </button>
        </a>
      </li>
      <li>
        <div>
          <p>15:20</p>
          <p class="p2">17:11离场</p>
        </div>
        <div>
          <p>国语2D</p>
          <p class="p2">千库激光一号厅</p>
        </div>
        <div>
          <p>30.9元</p>
          <p>会员卡特惠28元</p>
        </div>
        <a href="./选座.html">
          <button>
            买票选座
          </button>
        </a>
      </li>
    </ul>
</body>
</html>